<template>
	<view class="guarantee-pickup__container">
		<view style="text-align: center;padding: 20upx 0;">免费上门取退</view>
		<view class="tee-view guarantee-pickup__content">
			<view class="tee-view guarantee-pickup__green">
				<view class="tee-view" style="font-size: 28upx; font-weight: bold;">
					<image style="width: 24upx;height: 24upx;" src="https://b.yzcdn.cn/public_files/e9a0d5899455d73d6a7e61c3cb15a8c5.png" class="tee-image icon"></image>
					<text class="tee-text">免费上门取退</text>
				</view>
				<view class="tee-view">订单发生退货，京东/顺丰免费上门取件，退货运费享受放心购折扣价。</view>
			</view>
			<view class="tee-view guarantee-pickup__desc">
				<view class="tee-view desc1">服务简介</view>
				<view class="tee-view desc2">有赞放心购为买家提供的售后升级服务，包含上门取件、退货包运费2项售后服务。</view>
				<view class="tee-view desc3">服务履约受买家的地域、信誉等因素影响，请以实际执行为准。1个订单可享受1次免费上门取退服务。</view>
			</view>
			<view class="tee-view guarantee-pickup__support">
				<view class="tee-view support1">服务项目</view>
				<view class="tee-view support2">
					<view class="tee-view support-item">
						<image src="https://b.yzcdn.cn/public_files/d7e93cb3bf6303f57265b4c95f699fe7.png" class="tee-image icon"></image>
						<view class="tee-view name">
							上门取件
						</view>
						<view class="tee-view desc">快递员免费上门取件，运费一口价，低于全网均价。</view>
					</view>
					<view class="tee-view support-item">
						<image src="https://b.yzcdn.cn/public_files/8cc716c2315d99866eefd3b219649d63.png" class="tee-image icon"></image>
						<view class="tee-view name">
							退货包运费
						</view>
						<view class="tee-view desc">退换货成功后可补贴运费，若选择上门取件可直抵运费。</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.guarantee-pickup__container {
	    position: relative;
	    width: 100%;
	    padding: 32upx 0;
	    box-sizing: border-box;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    height: 100%;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    flex-direction: column;
	}
	.guarantee-pickup__content {
	    margin-top: 20upx;
	    padding: 32upx 24upx;
	    overflow-y: auto;
	    -webkit-box-flex: 1;
	    -webkit-flex: auto;
	    flex: auto;
	    background-color: #f7f8fa;
	}
	.guarantee-pickup__green {
	    margin-bottom: 32upx;
	    padding: 32upx;
	    text-align: center;
	    color: #fff;
	    font-size: 24upx;
	    background-image: url(https://b.yzcdn.cn/public_files/a4b651ac530eca4e611978112b01f30d.png);
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	    line-height: 36upx;
	}
	.guarantee-pickup__desc {
	    padding: 40upx 32upx;
	    background-color: #fff;
	    border-radius: 12upx;
	    margin-bottom: 32upx;
	}
	
	.guarantee-pickup__desc .desc1 {
	    margin-bottom: 64upx;
	    font-size: 32upx;
	    font-weight: 700;
	    text-align: center;
	}
	.guarantee-pickup__desc .desc2 {
	    margin-bottom: 16upx;
	    font-size: 28upx;
	    line-height: 36upx;
	}
	.guarantee-pickup__desc .desc3 {
	    font-size: 24upx;
	    color: #969799;
	    line-height: 32upx;
	}
	
	.guarantee-pickup__support {
	    padding: 40upx;
	    background-color: #fff;
	    border-radius: 12upx;
	}
	.guarantee-pickup__support .support1 {
	    margin-bottom: 64upx;
	    font-size: 32upx;
	    font-weight: 700;
	    text-align: center;
	}
	.guarantee-pickup__support .support2 {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	    text-align: center;
	}
	
	.guarantee-pickup__support .support2 .support-item:not(:last-child) {
	    margin-right: 60upx;
	}
	
	.guarantee-pickup__support .support2 .support-item {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	}
	.guarantee-pickup__support .support2 .name {
	    margin-top: 20upx;
	    margin-bottom: 8upx;
	    font-weight: 700;
	    font-size: 28upx;
	}
	.guarantee-pickup__support .support2 .desc{
	    font-size: 24upx;
	    color: #969799;
	    line-height: 32upx;
	}
	.support-item image{
		width: 64upx;
		height: 64upx;
	} 
	
</style>
